Day27 - HTML 與CSS (9) - head

关于shortcut icon和icon代码的区别介绍​ 首先，`<link rel=shortcut icon href=favicon.ico />` 是用来设置快捷图标的标准方式。 这个语句告诉浏览器 ...

<link> ：用來載入會用到的資源，如CSS 樣式表. rel=shortcut icon ：用來載入標題標籤前面的圖示; rel=apple-touch-icon ：用來載入加入APPLE 裝置的圖示. <script> ...

I learned that shortcut is not a valid link relation. Indeed, it doesn't show up in section 4.12.5 of the HTML5 specification on 'link types'.

依照whatwg 官方文件定義，需將link 中的rel 屬性定義為 icon 。 <link rel=icon ....> 那麼 shortcut icon 、 apple-touch-icon 、 ...

Shortcut and icon are used to denote a favicon, however icon can also be used alone. If your icon is an ICO file, use <link rel=icon type=image/x-icon href ...

The shortcut link type is often seen before icon, but this link type is non-conforming, ignored and web authors must not use it anymore.

1.將產生的ico檔案下載並改名為favico.ico(因不同下載方式有不同檔名)，上傳到網站根目錄。 2.在網站首頁的原始檔案head之間插入下面的代碼：. <link rel= ...

The rel attribute tells the browser that the linked resource is a favicon; setting to shortcut icon should accommodate most versions of the ...

Historically, shortcut icons (also known as favicons) were embedded in HTML as follows: <link rel=shortcut icon href=favicon.ico>.

A favicon is a small image, so it should be a simple image with high contrast. A favicon image is displayed to the left of the page title in the browser tab.